import {Menu} from 'antd';
import img1 from '../static/9.jpg';
import React from 'react';
import {Link} from 'react-router-dom';
import {MailOutlined} from '@ant-design/icons';

function Userinfonav() {

    return(
        <div>
            <img src={img1} style={{"margin":"0 9vw","width":"82vw","height":"34vh"}}/>
            <Menu  mode="horizontal" style={{"margin":"0 10vw","width":"80vw"}}>
                <Menu.Item key="home">
                    <Link to={'/userhome'}>主页</Link>
                </Menu.Item>
                <Menu.Item key="collection">
                    <Link to={'/usercollection'}>收藏</Link>
                </Menu.Item>
                <Menu.Item key="usermessages" icon={<MailOutlined />}>
                    <Link to={'/usermessages'}>收件箱</Link>
                </Menu.Item>
                <Menu.Item key="articles">
                    <Link to={'/userarticles'}>发帖</Link>
                </Menu.Item>
                <Menu.Item key="follow">
                    <Link to={'/userfollow'}>关注</Link>
                </Menu.Item>
                <Menu.Item key="vlogs">
                    <Link to={'/uservlogs'}>视频投稿</Link>
                </Menu.Item>
                <Menu.Item key="updation">
                    <Link to={'/userupdation'}>个人动态</Link>
                </Menu.Item>
                <Menu.Item key="fans" style={{"float":"right"}}>
                    <Link to={'/userfans'}><span style={{"fontSize":"10px"}}>粉丝数&nbsp;{"111"}</span></Link>
                </Menu.Item>
            </Menu>
        </div>
    )
}

export default Userinfonav;
